<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Tutorial: Hello Dojo!</title>
	<link rel="stylesheet" href="css/helloDojo.css">
</head>
<body>
	<h1 id="greeting">Hello</h1>
	<!-- load dojo and provide config via data attribute -->
		<script src="js/dojo/dojo.js" data-dojo-config="isDebug:1, async:1"></script>
	<script>
		require(["dojo/dom", "dojo/fx", "dojo/domReady!"], function(dom, fx){
			// The piece we had before...
			var greeting = dom.byId("greeting");
			greeting.innerHTML += " from Dojo!";

			// ...but now, with a fun animation!
			fx.slideTo({
				top: 100,
				left: 200,
				node: greeting
			}).play();
		});
	</script>
</body>
</html>